/* =====================================================================
	body
===================================================================== */
body{
	font-family: 'Noto Sans TC', sans-serif, Arial, Helvetica, Microsoft JhengHei;
	color: #404040;
	line-height: 1.8;
	font-size:17px;
	text-align:justify;
	padding-top:50px;}

/* =====================================================================
	link
===================================================================== */
a {
	color: #171717;
	text-decoration: none;}

a:visited {
	color: #444444;}
	
a:hover {
	color: #125e00;
	text-decoration: none;}

a:active {
	color: #317c1f;}

/* =====================================================================
	text
===================================================================== */
.text-red{
	color:#cd0a0a;}

/* =====================================================================
	btn-outline-green
===================================================================== */
.btn-outline-green {
	color: #125e00;
	border-color: #125e00;
	background-color: #ffffff;}
	
.btn-outline-green:hover {
	color: #ffffff;
	background-color: #125e00;
	border-color: #ffffff;}

.btn-large {
	padding: 12px 55px}

/* =====================================================================
	hr
===================================================================== */
.hr-green{
	background-color:#125e00;
	opacity: 1;}

/* =====================================================================
	bg
===================================================================== */
.bg-light-green{
	background-color:#f0faed;}

.bg-light-gary{
	background-color:#fcfcfc;}

.bg-dark-green{
	background-color:#0c4100;}

/* =====================================================================
	navbar
===================================================================== */
/* link */
.navbar-light .navbar-nav .nav-link {
  color: #1c1c1c;}

/* hover */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #125e00;}

/* =====================================================================
	home-banner
===================================================================== */
.home-banner{
	background-image:url(../images/home/header-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-size: cover;
	padding:180px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;}

/* =====================================================================
	customize
===================================================================== */
.home-3-block {
	margin: 60px 0;}

.img-down{
	position:relative;
	display: flex;
	justify-content: center;
	align-items: end;
}

.text-up{
	position:absolute;
	background-color:rgba(0, 0, 0, 0.5);
	width: 100%;
	text-align: center;
	margin-bottom: -0px;
	padding: 20px 0px;
	border-radius: 0 0 0.5rem 0.5rem;
}

.block-radius {
	border-radius: 0.5rem;}

.home-advantages {
	background-color: #fffef3;
	margin: 60px 0;
	padding: 60px 0;}

.home-step {
	margin: 60px 0;}

.home-system {
	background-color: #fffef3;
	margin: 60px 0;
	padding: 60px 0;}
	
.home-plan {
	margin: 60px 0;}

.home-faq {
	background-color: #f0f0f0;
	margin: 60px 0 0 0;
	padding: 60px 0;}

/* =====================================================================
	go top
===================================================================== */
.go-top {
	position: fixed;
	bottom: 1.2rem;
	right: 1.2rem;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 0.8rem;
	padding: 1rem;
	display: none;}

.go-top:hover {
	color: white;
	background-color: rgba(0, 0, 0, 0.6);}


/* ========================================================================================================
	Responsive
======================================================================================================== */

/* =====================================================================
	max-width: 1400px
===================================================================== */
@media (max-width: 1400px) {

.home-phone-top-line {
	border-top: 0.1rem solid #dcdcdc;}

.home-phone-bottom-line {
	border-bottom: 0.1rem solid #dcdcdc;
	padding-top:0.8rem;
	padding-bottom:0.8rem;}

.home-phone-top-space {
	padding-top:0.8rem;}
}

/* =====================================================================
	max-width: 1200px
===================================================================== */
@media (max-width: 1200px) {
.home-banner{
	padding:60px 0;}
}

/* =====================================================================
	max-width: 990px
===================================================================== */	
@media (max-width: 990px) {
.home-banner{
	padding:80px 0;}

.home-phone-h4{
	font-size:17px;}
}

/* =====================================================================
	max-width: 767px
===================================================================== */
@media (max-width: 767px) {
.home-banner{
	padding:40px 0 38px;}

.home-3-block {
	margin: 40px 0;}

.home-advantages {
	margin: 40px 0;
	padding: 40px 0;}
	
.home-step {
	margin: 40px 0;}
	
.home-system {
	margin: 40px 0;
	padding: 40px 0;}
		
.home-plan {
	margin: 40px 0;}
	
.home-faq {
	margin: 40px 0 0 0;
	padding: 40px 0;}
}

/* =====================================================================
	max-width: 400px
===================================================================== */